{template 'common/header'}
<title>美龄妈咪产后修复店中店</title>
<style type="text/css">
    *{margin:auto;}
    body {margin:0; font-family:'微软雅黑'; background:#F0F0F0;}
    a:link,a:visited,a:active{color:#fff;text-decoration:none;}
    a:hover{color:#fff;text-decoration:none;}
    .header{width:90%;height:150px;background:#FFF;margin-left:5%;margin-top:50px;border-radius:0 0 10px 10px;text-align:center;}
    .header-con{width:90%;height:150px;position:relative;top:-30px;}
    .header-img{width:70px;height:70px;}
    .header-img img{width:100%;height:100%;border-radius:10px;}
    .header-title{height:30px;font-size:16px;color:#0E3672;font-weight:bold;margin-top:10px;}
    .header-num{width:100%;height:30px;font-size:16px;color:#FFB72B;float:left;margin-top:10px;text-align:left;}
    .content{width:90%;height:120px;background:#FFF;margin-left:5%;border-radius:10px;text-align:center;}
    .content .content-con{width:90%;height:120px;border-bottom:1px dashed #000;}
    .content .content-con .gender{width:50%;height:20px;float:left;margin-top:10px;text-align:left;}
    .content .content-con .price{width:50px;height:20px;float:right;margin-top:10px;text-align:center;background:#FF80AB;color:#fff;border-radius:10px;font-size:14px;}
    .content .content-con .gender-in{width:100%;height:20px;text-align:left;font-size:12px;float:left;color:#AEB5C3;}
    .content .content-con .neirong{width:100%;height:60px;float:left;font-size:12px;text-align:left;}
    .footer{width:90%;height:120px;background:#FFF;margin-left:5%;border-radius:10px 10px 0 0;text-align:center;}
    .footer .footer-con{width:90%;height:120px;}
    .footer .footer-con .xieyi{width:100%;height:20px;float:left;margin-top:10px;text-align:left;}
    .footer .footer-con .xieyi-in{width:100%;height:20px;text-align:left;font-size:12px;float:left;color:#AEB5C3;}
    .footer .footer-con .xieyi-neirong{width:100%;height:60px;float:left;font-size:12px;text-align:left;}
    .confirm{width:100%;height:50px;border:1px solid red;position:fixe;opacity:1;padding: 0 8px 0 0px;}
    .btn{width:100%;height:50px;background:#fff;position:fixed;bottom:0;}
    .btn-a{width:40%;height:50px;background:#4BCFFF;float:left;color:#fff;text-align:center;line-height:50px;}
    .btn-a a{width:100%;height:100%;display:inline-block;}
    .btn-b{width:60%;height:50px;background:#FFB72B;float:left;color:#fff;text-align:center;line-height:50px;}
    .btn-b a{width:100%;height:100%;display:inline-block;}
</style>
<div id='container'></div>
<div class="header">
    <div class="header-con">
        <div class="header-img"><img src="../addons/ewei_shop/template/mobile/default/static/images/jiameng/type1.jpg"></div>
        <div class="header-title">美龄妈咪产后修复店中店</div>
        <div class="header-num">299人已加盟</div>
    </div>
</div>
<input type="hidden" id="gender" value="1" />
<div class="content">
    <div class="content-con" style="border-top:1px dashed #000;">
        <span class="gender" data-val="1"><i class="fa fa-check-circle-o" style="color:#0C9;"></i> 加盟方案一</span>
        <span class="price">2999</span>
        <div class="gender-in">Join A Program</div>
        <div class="neirong">
            <p>1.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
            <p>2.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
            <p>3.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
        </div>
    </div>
</div>
<div class="content" style="margin-top:2px;">
    <div class="content-con">
        <span class="gender" data-val="2"><i class="fa fa-circle-o"></i> 加盟方案二</span>
        <span class="price">3999</span>
        <div class="gender-in">Join Option ||</div>
        <div class="neirong">
            <p>1.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
            <p>2.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
            <p>3.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
        </div>
    </div>
</div>
<div class="footer" style="margin-top:2px;">
    <div class="footer-con">
       <span class="xieyi">加盟协议</span>
       <div class="xieyi-in">Join Option ||</div>
       <div class="xieyi-neirong">
       加盟协议加盟协议加盟协议加盟协议加盟协议加盟协议加盟协议加盟协议加盟协议加盟协议
       </div>
    </div>
</div>
<div class='btn'>
    <div class="btn-a"><a href="{php echo $this->createMobileUrl('franchise/list',array('op'=>'experience_meeting','product'=>1))}">体验会</a></div>
    <div class="btn-b"><a href="{php echo $this->createMobileUrl('franchise/list',array('op'=>'confirm','product'=>1))}">签约</a></div>
</div>
<script language="javascript">
    $('.gender').click(function() {
        var $this = $(this);
        var val = $this.data('val');
        window.sex = val;
        $('.gender').find('i').css('color', '#999').removeClass('fa-check-circle-o').addClass('fa-circle-o');
        $(this).find('i').removeClass('fa-circle-o').addClass('fa-check-circle-o').css('color', '#0c9');
        $('#gender').val(val);
    })
</script>
{template 'common/footer'}